html {
    height: 100%;
}
body {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* 头部 */
#header {
    width: 10rem;
    height: 2.7027027027027026rem;
    background-color: #fe841f;
    display: flex;
    flex-direction: column;
}
#header>div:nth-of-type(1) {
    display: flex;
}
#header .logo a {
    width: 5.675675675675675rem;
    height: 1.3513513513513513rem;
    display: block;
    background: url(../pages/images/header_logo.png) no-repeat 0.40540540540540543rem 0.21621621621621623rem/5rem;
}
#header .app a {
    display: block;
    width: 4rem;
    height: 1.3513513513513513rem;
    background: url(../pages/images/header_app.png) no-repeat right /1rem;
}
/* 搜索 */
#search {
    margin: 0 auto;
    width: 9.62972972972973rem;
    height: 1.2162162162162162rem;
    background: #fff;
}
#text {
    margin-top: .15rem;
    margin-left: 0.1rem;
    padding-left: 0.1rem;
    width: 7.5675675675675675rem;
    background-color: #eee;
    height: 0.8108108108108109rem;
    border-radius: 0.40540540540540543rem;
    border: 0.02702702702702703rem solid #ccc;
}
#button {
    width: 1.5216216216216217rem;
    height: 0.8108108108108109rem;
    border-radius: 0.40540540540540543rem;
    background-color: #fe841f;
    border: 0.02702702702702703rem solid #ccc;
}
/* 导航栏 */
#nav{
    height: 0.8108108108108109rem;
    background: #eee;
    position: relative;
    display: flex;
}
#nav>a{
    color: black;
    font-size: 0.3783783783783784rem;
    line-height: 0.8108108108108109rem;
}
#nav>a:nth-of-type(3){
    display: block;
    width: 3rem;
    overflow: hidden;
}
#nav>a:nth-of-type(4){
    position: absolute;
    right: 0.8108108108108109rem;
}
/* 主体 */
#main{
    flex: 1;
    overflow: auto;
}
/* 商品信息 */
#message>.mes{
    margin: 0.2702702702702703rem;
}
#message>.mes>p>img{
    margin: auto;
}
#message>.mes>h3{
    text-align: center;
    font-size: 0.4864864864864865rem;
    line-height: 0.8108108108108109rem;
    margin: 0.2702702702702703rem 0;
}
/* 商品信息导航 */
#pronav {
    display: flex;
    justify-content: space-around;
}
#pronav>p{
    width: 3.324324324324324rem;
    border: 0.02702702702702703rem solid rgb(247, 114, 114);
    text-align: center;
    font-size: 0.3783783783783784rem;
    line-height: 0.8108108108108109rem;
}
#pronav>p:nth-of-type(1){
    background-color: orange;
}
#pronav>p:nth-of-type(2){
    background-color: yellow;
}
#pronav>p:nth-of-type(3){
    background-color: yellow;
}
/* 商品来源及价格 */
#price>.mes{
    height: 1.3513513513513513rem;
}
#price>.mes>div{
    padding-top: 0.2702702702702703rem;
}
#price>.mes>div>table>tbody>tr>.p_pic{
    width: 0.7567567567567568rem;
}
#price>.mes>div>table>tbody>tr>.p_pic>a>img{
    padding-top: 0.10810810810810811rem;
    margin-left: 0.2702702702702703rem;
}
#price>.mes>div>table>tbody>tr>td:nth-of-type(2)>a{
    color: black;
    font-size: 0.3783783783783784rem;
}
#price>.mes>div>table>tbody>tr>.red{
    color: red;
    font-size: 0.40540540540540543rem;
    text-align: right;
    padding-right: 0.2702702702702703rem;
}
/* 提示 */
#tishi{
    height: 1.0810810810810811rem;
    border-top: 0.05405405405405406rem solid grey;
}
#tishi>p{
    margin-top: 0.2702702702702703rem;
}
/* 评论 */
#deserve .des-top{
    height: 0.8108108108108109rem;
    text-align: center;
    font-size: 0.3783783783783784rem;
    line-height: 0.8108108108108109rem;
    margin-top: 0.2702702702702703rem;
    background: rgb(197, 193, 193);
}
#deserve #des-center .box{
    padding: 0 0.21621621621621623rem;
    border: 0.02702702702702703rem solid rgb(190, 187, 187);
}
#deserve #des-center .box>div:nth-of-type(1){
    display: flex;
    justify-content: space-between;
    color: grey;
    font-size: 0.32432432432432434rem;
    padding: 0.13513513513513514rem 0;
}
#deserve #des-center .box>p{
    text-align: right;
    font-size: 0.32432432432432434rem;
    line-height: 0.8108108108108109rem;
    color: grey;
}
#deserve #des-center .box>div:nth-of-type(2){
    color: rgb(77, 74, 74);
    font-weight: bolder;
    font-size: 0.32432432432432434rem;
    line-height: 0.43243243243243246rem;
    word-wrap: unset;
}
#deserve .des-bottom>p{
    width: 9.594594594594595rem;
    height: 0.8108108108108109rem;
    margin: 0.5405405405405406rem 0.2702702702702703rem;
    border-radius: 0.2702702702702703rem;
    text-align: center;
    font-size: 0.3783783783783784rem;
    line-height: 0.8108108108108109rem;
    margin-top: 0.2702702702702703rem;
    background: rgb(197, 193, 193);
}
/* 底部 */
#footer{
    background-color: #efefef;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#footer .brand{
    width: 10rem;
    height: 1.33rem;
    background-color: #fe841f;
    display: flex;
    justify-content: space-between;
}
#footer .brand>p{
    margin-right: 6rem;
    color: white;
    font-size: 0.5rem;
    line-height: 1.33rem;
}
#footer .brand>img{
    width: 0.6rem;
    height: 0.6rem;
    margin: auto;
}
#footer .footer-top{
    width: 9.99rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#footer .footer-top li {
    width: 3.324324324324324rem;
    line-height: 0.7567567567567568rem;
    text-align: center;
    border: 0.02702702702702703rem solid #dbdbdb;
}
#footer .footer-top li a {
    color: black;
}
#footer .footer-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
}
#footer .footer-bottom li {
    height: 0.5405405405405406rem;
    margin: 0.05405405405405406rem;
    line-height: 0.5405405405405406rem;
}
#footer .footer-bottom li a {
    color: black;
}
#footer p {
    display: flex;
    justify-content: center;
}
